Component({
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持
  },
  /**
   * 组件的属性列表 ---用来接收外部数据
   */
  properties: {
    //接收父组件传递的 abc数据
    // "tab_view_data" :Array
    "tab_view_data":{
      type:Array,
      value:[]
    }


   
  },
  /**
   * 组件的初始数据  ---用来定义组件的初始数据    内部数据
   */
  data: {
    displayStyle: ''
  },
  lifetimes: {
    attached() {
      const rect = wx.getMenuButtonBoundingClientRect()
      const platform = (wx.getDeviceInfo() || wx.getSystemInfoSync()).platform
      const isAndroid = platform === 'android'
      const isDevtools = platform === 'devtools'
      const { windowWidth, safeArea: { top = 0, bottom = 0 } = {} } = wx.getWindowInfo() || wx.getSystemInfoSync()
      this.setData({
        ios: !isAndroid,
        innerPaddingRight: `padding-right: ${windowWidth - rect.left}px`,
        leftWidth: `width: ${windowWidth - rect.left}px`,
        safeAreaTop: isDevtools || isAndroid ? `height: calc(var(--height) + ${top}px); padding-top: ${top}px` : ``
      })
    },
  },
  /**
   * 组件的方法列表
   */
  methods: {
    //点击事件
    showSharePanle(){
      // 触发父组件监听的abc方法
      // 父子组件通信， 子传父  this.triggerEvent(父组件监听的方法名，传递给父组件的值)

      // 触发父组件监听的showShare方法
      this.triggerEvent("showShare")
    },

    // 去详情页
    goDetailPage(e){
      let {
        vid,
        article_id
       } =e.currentTarget.dataset;
        
      // 如果没有vid 则是广告 不做页面跳转
      if (!vid || !article_id) return;
      // 路由api，页面跳转
      wx.navigateTo({
        // 跳转页面， 并且把VID作为页面参数
        url: `/pages/detail/detail?vid=${vid}&article_id=${article_id}`,
      })
    }
  },
})
